<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi ">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>校友悬赏榜</title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_700684_nxz31xbunnl.css">
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/common/common.css">
  <link rel="stylesheet" href="./friendRewardList.css">
</head>

<body>
  <div class="page-wrap">
    <div class="friend-reward-list-wrap">
      <div class="recommond-tips page-padding fs-14">
        帮助校友推荐，推荐成功，并填写评价后，就可领取赏金啦!
      </div>
      <div class="friend-recommond-list-wrap page-padding">
        <ul class="friend-recommond-items">
          <li class="c-friend-recommond-item">
            <!-- 被推荐人信息 -->
            <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
              <!-- 头像 -->
              <div class="recommond-head-pic">
                <img src="../../images/recommend-head.png" alt="">
              </div>
              <!-- 中间 -->
              <div class="recommond-basic-info fx-1 fx-col-space-between">
                <p class="text name fs-16 overflow_1line">蒋依依</p>
                <p class="text school fs-13 overflow_1line">清华大学</p>
              </div>
              <div class="recommond-basic-info fx-1 fx-col-space-around">
                <p class="text student fs-12 overflow_1line ">在校生</p>
                <p class="text job fs-12 overflow_1line">行政助理</p>
              </div>
              <div class="operation-wrap fx-col-top">
                <a href="#" class="button fs-10">推荐TA</a>
              </div>
            </div>
            <!-- 分割线 -->
            <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
              <span class="circle"></span>
              <span class="line fx-auto"></span>
              <span class="text fs-14">推荐岗位</span>
              <span class="line fx-auto"></span>
              <span class="circle"></span>
            </div>
            <!-- 推荐岗位 -->
            <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
              <!-- 左边工作信息 -->
              <div class="left-job-info-wrap fx-1">
                <div class="fx-column fx-row-space-between">
                  <div class="left-top-info">
                    <div class="job-info fx-row">
                      <h6 class="company-name fs-14">宏联网络</h6>
                      <p class="job-name f4-14">行政文员实习生</p>
                      <p class="job-salary fs-14">3k-6k</p>
                    </div>
                  </div>
                  <div class="left-bottom-info overflow_1line fs-12">
                    上海 / 经验应届毕业生 / 本科
                  </div>
                </div>
              </div>
              <!-- 右边悬赏信息 -->
              <div class="right-reward-info-wrap">
                <div class="fx-column fx-row-space-between fx-row-center">
                  <img class="reward-img" src="../../images/reward.png" alt="">
                  <p class="sum-money fs-12">悬赏500元</p>
                </div>
              </div>
            </div>
          </li>
          <li class="c-friend-recommond-item">
            <!-- 被推荐人信息 -->
            <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
              <!-- 头像 -->
              <div class="recommond-head-pic">
                <img src="../../images/recommend-head.png" alt="">
              </div>
              <!-- 中间 -->
              <div class="recommond-basic-info fx-1 fx-col-space-between">
                <p class="text name fs-16 overflow_1line">蒋依依</p>
                <p class="text school fs-13 overflow_1line">清华大学</p>
              </div>
              <div class="recommond-basic-info fx-1 fx-col-space-around">
                <p class="text student fs-12 overflow_1line ">在校生</p>
                <p class="text job fs-12 overflow_1line">行政助理</p>
              </div>
              <div class="operation-wrap fx-col-top">
                <a href="#" class="button fs-10">推荐TA</a>
              </div>
            </div>
            <!-- 分割线 -->
            <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
              <span class="circle"></span>
              <span class="line fx-auto"></span>
              <span class="text fs-14">推荐岗位</span>
              <span class="line fx-auto"></span>
              <span class="circle"></span>
            </div>
            <!-- 推荐岗位 -->
            <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
              <!-- 左边工作信息 -->
              <div class="left-job-info-wrap fx-1">
                <div class="fx-column fx-row-space-between">
                  <div class="left-top-info">
                    <div class="job-info fx-row">
                      <h6 class="company-name fs-14">宏联网络</h6>
                      <p class="job-name f4-14">行政文员实习生</p>
                      <p class="job-salary fs-14">3k-6k</p>
                    </div>
                  </div>
                  <div class="left-bottom-info overflow_1line fs-12">
                    上海 / 经验应届毕业生 / 本科
                  </div>
                </div>
              </div>
              <!-- 右边悬赏信息 -->
              <div class="right-reward-info-wrap">
                <div class="fx-column fx-row-space-between fx-row-center">
                  <img class="reward-img" src="../../images/reward.png" alt="">
                  <p class="sum-money fs-12">悬赏500元</p>
                </div>
              </div>
            </div>
          </li>
          <li class="c-friend-recommond-item">
            <!-- 被推荐人信息 -->
            <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
              <!-- 头像 -->
              <div class="recommond-head-pic">
                <img src="../../images/recommend-head.png" alt="">
              </div>
              <!-- 中间 -->
              <div class="recommond-basic-info fx-1 fx-col-space-between">
                <p class="text name fs-16 overflow_1line">蒋依依</p>
                <p class="text school fs-13 overflow_1line">清华大学</p>
              </div>
              <div class="recommond-basic-info fx-1 fx-col-space-around">
                <p class="text student fs-12 overflow_1line ">在校生</p>
                <p class="text job fs-12 overflow_1line">行政助理</p>
              </div>
              <div class="operation-wrap fx-col-top">
                <a href="#" class="button fs-10">推荐TA</a>
              </div>
            </div>
            <!-- 分割线 -->
            <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
              <span class="circle"></span>
              <span class="line fx-auto"></span>
              <span class="text fs-14">推荐岗位</span>
              <span class="line fx-auto"></span>
              <span class="circle"></span>
            </div>
            <!-- 推荐岗位 -->
            <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
              <!-- 左边工作信息 -->
              <div class="left-job-info-wrap fx-1">
                <div class="fx-column fx-row-space-between">
                  <div class="left-top-info">
                    <div class="job-info fx-row">
                      <h6 class="company-name fs-14">宏联网络</h6>
                      <p class="job-name f4-14">行政文员实习生</p>
                      <p class="job-salary fs-14">3k-6k</p>
                    </div>
                  </div>
                  <div class="left-bottom-info overflow_1line fs-12">
                    上海 / 经验应届毕业生 / 本科
                  </div>
                </div>
              </div>
              <!-- 右边悬赏信息 -->
              <div class="right-reward-info-wrap">
                <div class="fx-column fx-row-space-between fx-row-center">
                  <img class="reward-img" src="../../images/reward.png" alt="">
                  <p class="sum-money fs-12">悬赏500元</p>
                </div>
              </div>
            </div>
          </li>
          <li class="c-friend-recommond-item">
            <!-- 被推荐人信息 -->
            <div class="recommond-info-wrap page-padding10 fx-row fx-row-center">
              <!-- 头像 -->
              <div class="recommond-head-pic">
                <img src="../../images/recommend-head.png" alt="">
              </div>
              <!-- 中间 -->
              <div class="recommond-basic-info fx-1 fx-col-space-between">
                <p class="text name fs-16 overflow_1line">蒋依依</p>
                <p class="text school fs-13 overflow_1line">清华大学</p>
              </div>
              <div class="recommond-basic-info fx-1 fx-col-space-around">
                <p class="text student fs-12 overflow_1line ">在校生</p>
                <p class="text job fs-12 overflow_1line">行政助理</p>
              </div>
              <div class="operation-wrap fx-col-top">
                <a href="#" class="button fs-10">推荐TA</a>
              </div>
            </div>
            <!-- 分割线 -->
            <div class="segment-line-wrap  page-padding10 fx-row fx-row-center">
              <span class="circle"></span>
              <span class="line fx-auto"></span>
              <span class="text fs-14">推荐岗位</span>
              <span class="line fx-auto"></span>
              <span class="circle"></span>
            </div>
            <!-- 推荐岗位 -->
            <div class="recommond-job-wrap page-padding10 fx-row fx-row-center">
              <!-- 左边工作信息 -->
              <div class="left-job-info-wrap fx-1">
                <div class="fx-column fx-row-space-between">
                  <div class="left-top-info">
                    <div class="job-info fx-row">
                      <h6 class="company-name fs-14">宏联网络</h6>
                      <p class="job-name f4-14">行政文员实习生</p>
                      <p class="job-salary fs-14">3k-6k</p>
                    </div>
                  </div>
                  <div class="left-bottom-info overflow_1line fs-12">
                    上海 / 经验应届毕业生 / 本科
                  </div>
                </div>
              </div>
              <!-- 右边悬赏信息 -->
              <div class="right-reward-info-wrap">
                <div class="fx-column fx-row-space-between fx-row-center">
                  <img class="reward-img" src="../../images/reward.png" alt="">
                  <p class="sum-money fs-12">悬赏500元</p>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 弹窗背景 -->
    <div class="c-popups">
      <div class="popups-bg" style=""></div>
      <!-- 弹窗 -->
      <!-- 推荐不符合弹窗 -->
      <div class="popups-content-wrap" style="">
        <div class="close-icon fs-2">
          <i class="fs-26 iconfont icon-guanbi "></i>
        </div>
        <div class="popups-content-tips-wrap">
          <img class="tips-icon" src="../../images/warn-tips.png" alt="">
          <p class="tips fs-18">提示</p>
          <div class="tips-words fs-16">
            您的职位不符合打赏人要求，无法推荐
          </div>
        </div>
        <div class="popups-single-btn-wrap fs-15">
          <span class="popups-single-btn">我知道了</span>
        </div>
      </div>
    </div>
    <!-- 完善资料弹窗 -->
    <div class="c-popups">
        <div class="popups-bg" style=""></div>
      <div class="popups-wrap" style="display: none">
        <h4 class="popups-title fs-17">完善资料</h4>
        <p class="content fs-12">请完善您的入职资料后，进行推荐</p>
        <div class="btn-wrap fx-row fx-row-space-around">
          <a href="#" class="button cancel-btn fs-12">取消</a>
          <a href="#" class="button sure-btn fs-12">前往填写</a>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>